{extend name="common/base" /}
{block name='title'}开通课程设置 - 其他管理{/block}

{block name="body"}
    <article class="Hui-admin-page-container">
        <form class="form form-horizontal" id="form-article-add">
            <input name="id" value="{$data.id}" type="hidden">
            <div class="row clearfix">
                <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>班级标题：</label>
                <div class="form-controls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" readonly value="{$data.title}" placeholder="" id="title" name="title">
                </div>
            </div>
            <div class="row clearfix">
                <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>简略标题：</label>
                <div class="form-controls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" readonly value="{$data.title_en}" placeholder="" id="title_en" name="title_en">
                </div>
            </div>
            
            <div class="row clearfix">
                <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>排序值：</label>
                <div class="form-controls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" readonly value="{$data.sort}" placeholder="" id="articleSort" name="sort">
                </div>
            </div>
            
            <div class="row clearfix">
                <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>班级摘要：</label>
                <div class="form-controls col-xs-8 col-sm-9">
                    <textarea cols="" rows="" readonly class="textarea textarea-article"  placeholder="说点什么...最少输入10个字符" name="summary">{$data.summary}</textarea>
                </div>
            </div>
            
            <div class="row clearfix">
                <label class="form-label col-xs-4 col-sm-2">封面图：</label>
                <div class="form-controls col-xs-8 col-sm-9">
                    <div id="uploadLists" ><img src="{$data.image}" height="100"></div>
                    
                </div>
            </div>
            
            <div class="row clearfix">
                <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>真实姓名：</label>
                <div class="form-controls col-xs-8 col-sm-9">
                    <input type="text" class="input-text"  value="" placeholder="" id="realName" name="realName">
                </div>
            </div>
            <div class="row clearfix">
                <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>手机号：</label>
                <div class="form-controls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="" id="tel" name="tel">
                </div>
            </div>
            <div class="row clearfix">
                <label class="form-label col-xs-4 col-sm-2">有效期：</label>
                <div class="form-controls col-xs-8 col-sm-9">
                    <input type="text" id="comment-datetime-start" class="input-text datetimepicker-input" name="effective">
                </div>
            </div>
            <div class="row clearfix">
                <label class="form-label col-xs-4 col-sm-2">协议内容：</label>
                <div class="form-controls col-xs-8 col-sm-9">
                    <script id="articleEditor" type="text/plain" style="width:100%;height:400px;">{$data.content|raw}</script>
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                    <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 提交</button>
                    <button onClick="layer_close();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
                </div>
            </div>
        </form>
    </article>
    <input name="openCourse" type="hidden" value="{:url('member/openCourse')}">
    <input name="mid" type="hidden" value="{$mid}">



{/block}

{block name="js"}
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__LIB__/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__LIB__/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__LIB__/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="__LIB__/webuploader/0.1.5/webuploader.min.js"></script>
<script type="text/javascript" src="__LIB__/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" src="__LIB__/ueditor/1.4.3/ueditor.all.min.js"> </script>
<script type="text/javascript" src="__LIB__/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="__JS__/main.js"></script>
<script type="text/javascript">
    $(function(){
        // 复选框样式
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });
        // 是否评论
        $('#articleComment').on('ifChecked', function(event){
            $("#comment-datetime-start,#comment-datetime-end").attr("disabled",false).removeClass("disabled");
        });
        $('#articleComment').on('ifUnchecked', function(event){
            $("#comment-datetime-start,#comment-datetime-end").attr("disabled",true).addClass("disabled");
        });

        // 设置评论日期
        $("#comment-datetime-start").datetimepicker({
        format: 'yyyy-mm-dd H:i',
        minView: "month",
        todayBtn:  1,
        autoclose: 1,
        //endDate : new Date(),
      }).on('changeDate', function(event) {
        event.preventDefault();
        event.stopPropagation();
        //var startTime = event.date;
        //$('#search-datetime-end').datetimepicker('setStartDate',startTime);
      });
      $("#comment-datetime-end").datetimepicker({
        format: 'yyyy-mm-dd',
        minView: "month",
        todayBtn:  1,
        autoclose: 1,
        //endDate : new Date(),
      }).on('changeDate', function(event) {
        event.preventDefault();
        event.stopPropagation();
        //var endTime = event.date;
        //$("#search-datetime-start").datetimepicker('setEndDate',endTime);
      });

        // 班级摘要
        $(".textarea-article").Huitextarealength({
            minlength: 10,
            maxlength: 500
        });

        // 班级内容 实例化百度富文本编辑器
        var ue = UE.getEditor('articleEditor');

        // 表单提交验证
        $("#form-article-add").validate({
            rules: {
                title: {
                    required: true,
                },
            },
            onkeyup: false,
            focusCleanup: true,
            success: "valid",
            submitHandler: function(form){
                var url = $("input[name='openCourse']").val();
                var id = $("input[name='id']").val();
                var mid = $("input[name='mid']").val();
                var realName = $("input[name='realName']").val();
                var tel = $("input[name='tel']").val();
                var effective = $("input[name='effective']").val();
                var content = ue.getContent();
                
                $.ajax({
                    url : url ,
                    type : 'post',
                    dataType : 'json',
                    data : {
                        real_name : realName,
                        tel : tel,
                        content : content,
                        effective : effective,
                        id : id,
                        mid : mid,
                    },
                    success :function(ret){
                        if(0 == ret.code){
                            layer.msg(ret.msg, { icon:1,time:1000 });
                            var index = parent.layer.getFrameIndex(window.name);
                            parent.location.replace(parent.location.href)
                            parent.layer.close(index);
                        }else{
                            layer.msg(ret.msg, { icon:2,time:1000 });
                        }
                    }
                });
                //$(form).ajaxSubmit();
            }
        });
    });
    
</script>
<!--/请在上方写此页面业务相关的脚本-->
{/block}